<template>
	<view class="privacy-policy-container">
		<view class="header">
			<text class="bi bi-shield-check"></text>
			<text class="title">隐私协议</text>
		</view>
		<view class="content">
			<view class="section">

					<!-- <text class="bi bi-hand-thumbs-up"></text> 欢迎使用Terminal开发的应用程序 -->

				<text class="section-text">我们非常重视您的隐私，并承诺保护您的个人信息。本隐私政策阐述了我们如何收集、使用和保护您的信息。请在使用我们的服务前仔细阅读本政策。</text>
			</view>

			<view class="section">
				<text class="">
					<text class="bi bi-person-lines-fill"></text> 1. 信息收集与使用
				</text>
				<text class="section-text">我们收集的信息包括：</text>
				<view class="sub-section">
					<text>• 账户信息：用户名、密码、联系方式</text>
					<text>• 设备信息：设备型号、操作系统版本、唯一设备标识符</text>
					<text>• 使用数据：操作日志、使用习惯、偏好设置</text>
					<text>• 位置信息：经您授权的地理位置信息</text>
				</view>
			</view>

			<view class="section">
				<text class="">
					<text class="bi bi-gear-fill"></text> 2. 信息使用目的
				</text>
				<view class="sub-section">
					<text>• 提供和改进服务</text>
					<text>• 个性化用户体验</text>
					<text>• 安全防护和身份验证</text>
					<text>• 向您推送相关服务信息</text>
				</view>
			</view>

			<view class="section">
				<text class="">
					<text class="bi bi-shield-lock-fill"></text> 3. 信息安全保护
				</text>
				<text class="section-text">我们采用业界标准的安全技术和程序，包括：</text>
				<view class="sub-section">
					<text>• 数据加密传输</text>
					<text>• 访问控制机制</text>
					<text>• 安全审计机制</text>
				</view>
			</view>

			<view class="section">
				<text class="">
					<text class="bi bi-person-badge"></text> 4. 儿童隐私保护
				</text>
				<text class="section-text">我们非常重视儿童的隐私保护。如果您未满14周岁，请在监护人陪同下阅读本隐私政策，并在监护人同意的情况下使用我们的服务。</text>
			</view>

			<view class="section">
				<text class="">
					<text class="bi bi-box-arrow-right"></text> 5. 账号注销
				</text>
				<text class="section-text">您可以通过以下步骤注销账号：</text>
				<view class="sub-section">
					<text>1. 进入个人中心</text>
					<text>2. 选择账号设置</text>
					<text>3. 点击"注销账号"</text>
					<text>4. 确认注销操作</text>
				</view>
				<text class="section-text">注：账号注销后，您的个人信息将被删除或匿名化处理。</text>
			</view>

			<view class="section">
				<text class="">
					<text class="bi bi-arrow-clockwise"></text> 6. 隐私政策更新
				</text>
				<text class="section-text">我们可能会适时更新本隐私政策。政策更新后，我们会在应用程序中显著位置发布通知。如您继续使用我们的服务，即表示您同意接受修改后的隐私政策。</text>
			</view>

			<!-- <view class="contact-section">
				<text class="bi bi-envelope-fill"></text>
				<text class="contact-text">如您对本隐私政策有任何疑问，请联系：186120396@qq.com</text>
			</view> -->

			<view class="footer">
				<text class="footer-text">最后更新日期：2024年3月</text>
				<text class="footer-text">墨枢 版权所有</text>
			</view>
		</view>
	</view>
</template>

<script setup>
// 这里可以添加任何需要的逻辑
</script>

<style lang="scss" scoped>
	.privacy-policy-container {
		padding: 30rpx;
		background: #f8f9fa;
	}

	.header {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 40rpx;
		padding: 20rpx;
		background: #fff;
		border-radius: 12rpx;
		box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);

		.bi {
			font-size: 40rpx;
			color: var(--td-brand-color);
			margin-right: 10rpx;
		}
	}

	.title {
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
	}

	.content {
		background: #fff;
		border-radius: 12rpx;
		padding: 30rpx;
		box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
	}

	.section {
		margin-bottom: 30rpx;
		padding: 20rpx;
		border-radius: 8rpx;
		background: #f8f9fa;
		
		&:hover {
			background: #f0f2f5;
		}
	}


	.section-text {
		display: block;

		color: #666;
		line-height: 1.6;
		margin-left: 42rpx;
	}

	.sub-section {
		margin-left: 42rpx;
		margin-top: 10rpx;
		display: flex;
		flex-direction: column;
		gap: 10rpx;
		font-size: 28rpx;
		color: #666;
	}

	.footer {
		margin-top: 40rpx;
		padding: 20rpx;
		text-align: center;
		border-top: 1rpx solid #eee;
		
		.footer-text {
			display: block;
			font-size: 24rpx;
			color: #999;
			line-height: 1.8;
		}
	}

	.contact-section {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 40rpx;
		padding: 20rpx;
		background: #f8f9fa;
		border-radius: 8rpx;

		.bi {
			font-size: 32rpx;
			color: var(--td-brand-color);
			margin-right: 10rpx;
		}

		.contact-text {
			font-size: 28rpx;
			color: #666;
		}
	}
</style> 